<div id="app">
    <div data-v-56b687e3="" id="app">
        <section data-v-56b687e3="" class="el-container">
            <aside data-v-56b687e3="" class="el-aside"
                   style="width: 200px; height: 100%; display: flex; background-color: rgb(48, 65, 86);">
                <ul data-v-926a5d78="" data-v-56b687e3="" role="menubar" class="el-menu"
                    style="background-color: rgb(48, 65, 86); overflow-x: hidden; height: 100%;">
                    <div data-v-926a5d78="" style="text-align: center; margin: 10px;"><img data-v-926a5d78=""
                                                                                           src="/static/img/logo.82b9c7a5.png"
                                                                                           style="width: 20px; position: relative; top: 5px; margin-right: 5px;"><b
                            data-v-926a5d78="" style="color: white;">控制台</b></div>
                    <li data-v-926a5d78="" role="menuitem" aria-haspopup="true" class="el-submenu">
                        <div class="el-submenu__title"
                             style="padding-left: 20px; color: rgb(204, 204, 204); background-color: rgb(48, 65, 86);">
                            <i data-v-926a5d78="" class="el-icon-cpu"></i>设备管理<i
                                class="el-submenu__icon-arrow el-icon-arrow-down"></i></div>
                        <ul role="menu" class="el-menu el-menu--inline" data-old-padding-top=""
                            data-old-padding-bottom="" data-old-overflow="hidden"
                            style="background-color: rgb(48, 65, 86); overflow: hidden; display: none;">
                            <li data-v-926a5d78="" role="menuitem" tabindex="-1" class="el-menu-item"
                                style="padding-left: 40px; color: rgb(204, 204, 204); background-color: rgb(48, 65, 86);">
                                设备预览
                            </li>
                            <li data-v-926a5d78="" role="menuitem" tabindex="-1" class="el-menu-item"
                                style="padding-left: 40px; color: rgb(204, 204, 204); background-color: rgb(48, 65, 86);">
                                设备详情
                            </li>
                        </ul>
                    </li>
                    <li data-v-926a5d78="" role="menuitem" aria-haspopup="true" aria-expanded="true"
                        class="el-submenu is-active is-opened">
                        <div class="el-submenu__title"
                             style="padding-left: 20px; color: rgb(204, 204, 204); background-color: rgb(48, 65, 86);">
                            <i data-v-926a5d78="" class="el-icon-menu"></i>任务管理<i
                                class="el-submenu__icon-arrow el-icon-arrow-down"></i></div>
                        <ul role="menu" class="el-menu el-menu--inline" style="background-color: rgb(48, 65, 86);">
                            <li data-v-926a5d78="" role="menuitem" tabindex="-1" class="el-menu-item is-active"
                                style="padding-left: 40px; color: rgb(77, 181, 122); background-color: rgb(48, 65, 86);">
                                航线编辑
                            </li>
                            <li data-v-926a5d78="" role="menuitem" tabindex="-1" class="el-menu-item"
                                style="padding-left: 40px; color: rgb(204, 204, 204); background-color: rgb(48, 65, 86);">
                                航线管理
                            </li>
                        </ul>
                    </li>
                    <li data-v-926a5d78="" role="menuitem" aria-haspopup="true" class="el-submenu">
                        <div class="el-submenu__title"
                             style="padding-left: 20px; color: rgb(204, 204, 204); background-color: rgb(48, 65, 86);">
                            <i data-v-926a5d78="" class="el-icon-user"></i>服务管理<i
                                class="el-submenu__icon-arrow el-icon-arrow-down"></i></div>
                        <ul role="menu" class="el-menu el-menu--inline"
                            style="background-color: rgb(48, 65, 86); display: none;">
                            <li data-v-926a5d78="" role="menuitem" tabindex="-1" class="el-menu-item"
                                style="padding-left: 40px; color: rgb(204, 204, 204); background-color: rgb(48, 65, 86);">
                                用户申请
                            </li>
                            <li data-v-926a5d78="" role="menuitem" tabindex="-1" class="el-menu-item"
                                style="padding-left: 40px; color: rgb(204, 204, 204); background-color: rgb(48, 65, 86);">
                                权限分配
                            </li>
                            <li data-v-926a5d78="" role="menuitem" tabindex="-1" class="el-menu-item"
                                style="padding-left: 40px; color: rgb(204, 204, 204); background-color: rgb(48, 65, 86);">
                                用户新增
                            </li>
                        </ul>
                    </li>
                    <li data-v-926a5d78="" role="menuitem" aria-haspopup="true" class="el-submenu">
                        <div class="el-submenu__title"
                             style="padding-left: 20px; color: rgb(204, 204, 204); background-color: rgb(48, 65, 86);">
                            <i data-v-926a5d78="" class="el-icon-camera"></i>数据管理<i
                                class="el-submenu__icon-arrow el-icon-arrow-down"></i></div>
                        <ul role="menu" class="el-menu el-menu--inline"
                            style="background-color: rgb(48, 65, 86); display: none;">
                            <li data-v-926a5d78="" role="menuitem" tabindex="-1" class="el-menu-item"
                                style="padding-left: 40px; color: rgb(204, 204, 204); background-color: rgb(48, 65, 86);">
                                实时控制
                            </li>
                            <li data-v-926a5d78="" role="menuitem" tabindex="-1" class="el-menu-item"
                                style="padding-left: 40px; color: rgb(204, 204, 204); background-color: rgb(48, 65, 86);">
                                任务回放
                            </li>
                        </ul>
                    </li>
                    <li data-v-926a5d78="" role="menuitem" aria-haspopup="true" class="el-submenu">
                        <div class="el-submenu__title"
                             style="padding-left: 20px; color: rgb(204, 204, 204); background-color: rgb(48, 65, 86);">
                            <i data-v-926a5d78="" class="el-icon-setting"></i>系统管理<i
                                class="el-submenu__icon-arrow el-icon-arrow-down"></i></div>
                        <ul role="menu" class="el-menu el-menu--inline"
                            style="background-color: rgb(48, 65, 86); display: none;">
                            <li data-v-926a5d78="" role="menuitem" tabindex="-1" class="el-menu-item"
                                style="padding-left: 40px; color: rgb(204, 204, 204); background-color: rgb(48, 65, 86);">
                                日志查看
                            </li>
                        </ul>
                    </li>
                </ul>
            </aside>
            <section data-v-56b687e3="" class="el-container is-vertical">
                <header data-v-56b687e3="" class="el-header"
                        style="height: 60px; display: flex; width: 100%; font-size: 12px; border-bottom: 2px solid rgb(48, 65, 86); line-height: 60px; flex-wrap: nowrap;">
                    <header data-v-56b687e3="" class="el-header"
                            style="height: 60px; display: flex; flex-wrap: nowrap; align-items: center;"><h2>欢迎:
                        sysadmin</h2>
                        <div class="el-dropdown" style="display: flex; align-items: center; justify-content: flex-end;">
                            <span class="el-avatar el-avatar--icon el-avatar--circle el-dropdown-selfdefine"
                                  aria-haspopup="list" aria-controls="dropdown-menu-8213" role="button" tabindex="0"><i
                                    class="el-icon-user-solid"></i></span>
                            <ul class="el-dropdown-menu el-popper" id="dropdown-menu-8213" style="display: none;">
                                <li tabindex="-1" class="el-dropdown-menu__item"><!---->退出</li>
                                <li tabindex="-1" class="el-dropdown-menu__item"><!---->注销</li>
                            </ul>
                        </div>
                    </header>
                </header>
                <main data-v-56b687e3="" class="el-main" style="height: 100%; width: 100%; display: flex;">
                    <section data-v-56b687e3="" class="el-container is-vertical">
                        <main class="el-main mapboxgl-map" id="map"
                              style="display: flex; flex-direction: column; width: 100%; height: 100%;">
                            <div class="mapboxgl-canary" style="visibility: hidden;"></div>
                            <div class="mapboxgl-canvas-container mapboxgl-interactive mapboxgl-touch-drag-pan mapboxgl-touch-zoom-rotate">
                                <canvas class="mapboxgl-canvas" tabindex="0" aria-label="Map" role="region" width="1557"
                                        height="102" style="width: 1246px; height: 82px;"></canvas>
                            </div>
                            <div class="mapboxgl-control-container">
                                <div class="mapboxgl-ctrl-top-left"></div>
                                <div class="mapboxgl-ctrl-top-right"></div>
                                <div class="mapboxgl-ctrl-bottom-left">
                                    <div class="mapboxgl-ctrl" style="display: block;"><a class="mapboxgl-ctrl-logo"
                                                                                          target="_blank"
                                                                                          rel="noopener nofollow"
                                                                                          href="https://www.mapbox.com/"
                                                                                          aria-label="Mapbox logo"></a>
                                    </div>
                                </div>
                                <div class="mapboxgl-ctrl-bottom-right">
                                    <div class="mapboxgl-ctrl mapboxgl-ctrl-attrib">
                                        <button class="mapboxgl-ctrl-attrib-button" title="Toggle attribution"
                                                aria-label="Toggle attribution"></button>
                                        <div class="mapboxgl-ctrl-attrib-inner" role="list"><a
                                                href="https://www.mapbox.com/about/maps/" target="_blank" title="Mapbox"
                                                aria-label="Mapbox">© Mapbox</a> <a
                                                href="https://www.openstreetmap.org/about/" target="_blank"
                                                title="OpenStreetMap" aria-label="OpenStreetMap">© OpenStreetMap</a> <a
                                                class="mapbox-improve-map"
                                                href="https://apps.mapbox.com/feedback/?owner=mapbox&amp;id=streets-v11&amp;access_token=pk.eyJ1IjoiemhhbmdmZWkzMTcwIiwiYSI6ImNtNnlnMmZpZTBnenYydm9pOHQ0MzF6Y2oifQ.7aFdSnD7Ilm3P7PhyTMWtw"
                                                target="_blank" title="Map feedback" aria-label="Map feedback"
                                                rel="noopener nofollow">Improve this map</a></div>
                                    </div>
                                </div>
                            </div>
                        </main>
                        <div data-v-aca3c3ec="" class="el-card is-always-shadow"
                             style="width: 250px; flex-direction: column; display: flex; position: absolute; right: 0px; margin-top: 3%; margin-right: 3%; align-items: center;">
                            <!---->
                            <div class="el-card__body"><span data-v-aca3c3ec="">航迹点编辑</span>
                                <div data-v-aca3c3ec="" class="el-select el-select--small"
                                     style="margin-top: 2px; width: 230px;"><!---->
                                    <div class="el-input el-input--small el-input--suffix"><!----><input type="text"
                                                                                                         readonly="readonly"
                                                                                                         autocomplete="off"
                                                                                                         placeholder="选择航迹点"
                                                                                                         class="el-input__inner">
                                        <!----><span class="el-input__suffix"><span class="el-input__suffix-inner"><i
                                                class="el-select__caret el-input__icon el-icon-arrow-up"></i><!---->
                                            <!----><!----><!----><!----></span><!----></span><!----><!----></div>
                                    <div class="el-select-dropdown el-popper" style="display: none; min-width: 230px;">
                                        <div class="el-scrollbar" style="display: none;">
                                            <div class="el-select-dropdown__wrap el-scrollbar__wrap"
                                                 style="margin-bottom: -17px; margin-right: -17px;">
                                                <ul class="el-scrollbar__view el-select-dropdown__list"></ul>
                                            </div>
                                            <div class="el-scrollbar__bar is-horizontal">
                                                <div class="el-scrollbar__thumb"
                                                     style="transform: translateX(0%);"></div>
                                            </div>
                                            <div class="el-scrollbar__bar is-vertical">
                                                <div class="el-scrollbar__thumb"
                                                     style="transform: translateY(0%);"></div>
                                            </div>
                                        </div>
                                        <p class="el-select-dropdown__empty">
                                            无数据
                                        </p></div>
                                </div>
                                <div data-v-aca3c3ec=""
                                     style="width: 230px; margin-top: 2px; display: flex; flex-direction: row; justify-content: space-between;">
                                    <span data-v-aca3c3ec="" style="font-size: 1.2ch; color: gray;">经度:</span><span
                                        data-v-aca3c3ec="" style="font-size: 1.2ch; color: gray;">纬度:</span></div>
                                <div data-v-aca3c3ec=""
                                     style="width: 230px; display: flex; flex-direction: row; margin-top: 2px; align-items: center; justify-content: space-between;">
                                    <span data-v-aca3c3ec="">高度:</span>
                                    <div data-v-aca3c3ec="" class="el-input el-input--small" style="width: 180px;">
                                        <!----><input type="text" autocomplete="off" placeholder="100"
                                                      class="el-input__inner"><!----><!----><!----><!----></div>
                                </div>
                                <div data-v-aca3c3ec=""
                                     style="width: 230px; display: flex; flex-direction: row; margin-top: 2px; align-items: center; justify-content: space-between;">
                                    <span data-v-aca3c3ec="">速度:</span>
                                    <div data-v-aca3c3ec="" class="el-input el-input--small" style="width: 180px;">
                                        <!----><input type="text" autocomplete="off" placeholder="10"
                                                      class="el-input__inner"><!----><!----><!----><!----></div>
                                </div>
                                <div data-v-aca3c3ec=""></div>
                                <div data-v-aca3c3ec="" class="el-select el-select--small"
                                     style="width: 230px; margin-top: 2px;"><!---->
                                    <div class="el-input el-input--small el-input--suffix"><!----><input type="text"
                                                                                                         readonly="readonly"
                                                                                                         autocomplete="off"
                                                                                                         placeholder="航迹点类型"
                                                                                                         class="el-input__inner">
                                        <!----><span class="el-input__suffix"><span class="el-input__suffix-inner"><i
                                                class="el-select__caret el-input__icon el-icon-arrow-up"></i><!---->
                                            <!----><!----><!----><!----></span><!----></span><!----><!----></div>
                                    <div class="el-select-dropdown el-popper" style="display: none; min-width: 230px;">
                                        <div class="el-scrollbar" style="">
                                            <div class="el-select-dropdown__wrap el-scrollbar__wrap"
                                                 style="margin-bottom: -17px; margin-right: -17px;">
                                                <ul class="el-scrollbar__view el-select-dropdown__list"><!---->
                                                    <li data-v-aca3c3ec="" class="el-select-dropdown__item">
                                                        <span>过路点</span></li>
                                                    <li data-v-aca3c3ec="" class="el-select-dropdown__item">
                                                        <span>悬停点</span></li>
                                                    <li data-v-aca3c3ec="" class="el-select-dropdown__item">
                                                        <span>降落点</span></li>
                                                </ul>
                                            </div>
                                            <div class="el-scrollbar__bar is-horizontal">
                                                <div class="el-scrollbar__thumb"
                                                     style="transform: translateX(0%);"></div>
                                            </div>
                                            <div class="el-scrollbar__bar is-vertical">
                                                <div class="el-scrollbar__thumb"
                                                     style="transform: translateY(0%);"></div>
                                            </div>
                                        </div><!----></div>
                                </div>
                                <div data-v-aca3c3ec=""
                                     style="display: flex; flex-direction: row; justify-content: space-around;">
                                    <button data-v-aca3c3ec="" type="button"
                                            class="el-button el-button--success el-button--mini"
                                            style="margin-top: 2px;"><!----><!----><span>确认</span></button>
                                </div>
                            </div>
                        </div>
                        <footer class="el-footer" style="height: 60px;">
                            <div class="rBottom">
                                <div>
                                    <button type="button" class="el-button el-button--primary el-button--small"><!---->
                                        <!----><span>加载禁飞区 </span></button>
                                </div>
                            </div>
                        </footer>
                    </section>
                </main>
            </section>
        </section>
    </div>
</div>
